@charset "UTF-8";
/* CSS Document */


body{
	font-family:Helvetica, sans-serif;
	font-size:12px;
	color:#555555;
	min-width:800px;
	line-height:14px;
}


ul{
	margin:0;
	padding:0;
	list-style:none;
}
h1{
	margin:0;
	padding:0;
	font-size:12px;
}
h2{
	margin:0;
	padding:0;
	font-size:12px;
}
p{
	padding:0;
	margin:0;
}

a{
	text-decoration:none;
	color:#333333;
}

a:hover{
	
	color:#00aa00;
}

hr{
	border:none;
	border-bottom:1px dotted #999999;
}

.selected{
	color:#00aa00;
	background-repeat:no-repeat;
}

th.asc a{
	background-image:url(../img/asc.png);
	background-repeat:no-repeat;
	background-position:right;

}
th.desc a{
	background-image:url(../img/desc.png);
	background-repeat:no-repeat;
	background-position:right;
}


th {

}

img{
	border:none;
}



/* FORMULAR */

.formheader{
	border-left:1px solid #999999;
}
.formheader  p{
	background-color:#bbbbbb;
	float:left;
	border:1px solid #999999;
	border-bottom:none;
	border-left:none;
	margin-right:0px;
}

.formheader a{
	padding:3px;
	
	color:#666666;
	display:block;
}

.formheader  p:hover{
	background-color:#eeeeee;
}


.formheader p.selected{
	background-color:#eeeeee;
}

fieldset{
	background-color:#eeeeee;
	border:none;
	padding:10px;
	margin:0 0 5px 0;
	border:1px solid #bbbbbb;
}

legend{
	font-weight:bold;
}

form{
	margin:0px;
}

form label{
	text-align:left;
	padding-top:5px;
	width:140px;
	float:left;
}

form p{
	float:left;
	width:100%;
	clear:left;
	margin:0 0 3px 0;
	padding:3px 0 0 0;
}

 input.text{
	width:100%;
	border:1px solid #aaaaaa;
	padding:3px;
}
textarea.text{
	height:100px;
	width:100%;
	border:1px solid #aaaaaa;
	padding:3px;
	
}
textarea.textbig{
	width:100%;
	height:400px;
	border:1px solid #aaaaaa;
	padding:3px;
}

fieldset.submit {
	clear:both;
}

.submit_button, .close_button{
	background-image:url(../img/savebut_bg.png);
	background-repeat:repeat-x;
	font-size:13px;
	border:1px solid #bbbbbb;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #aaaaaa;
	padding:4px;
	color:#666666;
	margin:0 5px 0 0;
}

.submit_button:hover, .close_button:hover{
	color:#333333;
	border:1px solid #999999;
}

.close_button{
	background-image:url(../img/closebut_bg.png);
	margin:0 5px 0 0;
}


/* NEU 27. März */

.leftrow{
	float:left;
	width:140px;
}
.rightrow{
	float:left;
	width:420px;
}

/* Ende NEU */


/* AKTIONSELEMENTE */


.mininavi{
	float:right;
}

/* actionbox dropdown */

.actionbox{
	text-align:left;
	float:right;
	margin:0px 0 0 4px;
	position:relative;
	
}

.actionbox:hover{
	z-index:100;
}


.addmenu{
	width:15px;
	position:relative;
	

}
.addmenu:hover{
	z-index:100;
}




ul.nav{
	
}

ul.nav ul{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	border:1px solid #00aa00;
	padding:3px;
	line-height:15px;
	background-color:#ffffff;
}

ul.nav ul li{
	white-space:nowrap;
}

ul.nav li:hover ul { 
	display:block;
}

.nav a{
	display:block;
}


.pagemetacont{
	background-color:#EAFFE7;
	border-top:1px dotted #aaaaaa;
	padding:3px 0 3px 0;
}


.pagecontainer{
	border:1px solid #cccccc;
	margin:5px 0 5px 0;
	width:100%;
	padding:0px;
	background-color:#fbfbfb;
}

.pagecontainer .header{
	display:block;
	padding:3px;
	background-color:#eeeeee;
	color:#999999;
	font-weight:normal;
}

.pagecontainer .container_content{
	padding:5px;

}

.contentheader{
	line-height:22px;
	margin:0px;
	background-color:#EAFFE7;
	border-top:1px solid #999999;
}

.content_block{
	border-top:1px solid #aaaaaa;
	padding-top:5px;
	margin:0 0 10px 0;
}

.content_elm{
	border:1px solid #aaaaaa;
	margin:5px 0 5px 0;
	padding:4px;
	background-color:#FFFFFF;
}
.content_elm h1{
	border:none;
	background:none;
}

.codediv{
	border:1px solid #999999;
	margin:5px 0 5px 0;
	height:15em;
	overflow:auto;
}

.pages_item{
	padding:5px 0 5px 0;
	border-top:1px solid #aaaaaa;
	clear:both;
}

.listall_elm{
	padding:5px 0 5px 0;
	border-top:1px solid #aaaaaa;
	clear:both;
}

.collection_item{
	padding:5px;
	padding-right:0px;
	padding-left:18px;
	border-top:1px solid #aaaaaa;
	background-image:url(../img/collection.png);
	background-repeat:no-repeat;
	background-position:0px 4px;
}

.category_item{
	padding:0px 0px 0px 13px;
	margin:0 0 0px 0;
	border-top:1px solid #aaaaaa;
	clear:both;
	background-image:url(../img/folder.png);
	background-repeat:no-repeat;
	background-position:2px 4px;
}

.category_head{
	padding:5px;
	margin:0 0 0px 0;
	
}


.navitree_item{
	background-image:url(../img/mp_pagetree.png);
	background-repeat:no-repeat;
	background-position:0px 4px;
	
	padding:5px 0 5px 20px;
	border-top:1px solid #aaaaaa;
	clear:both;
}

.mediaelm_listed{
	background-color:#f9f9f9;
	border-top:1px dotted #999999;
	padding:0px 0 0 0;
	margin:0 0 0 5px;
	padding:3px;

}


.mediaelm_listed .detailview{
	background-color:#eaeaea;
	padding:5px;
	
}

.collection_search{
	clear:both;
	background-color:#eeeeee;
	padding:2px 3px 1px 3px;
}
.collection_search input{
	float:left;
	width:560px;
}
.collection_search .clearfield{
	float:left;
	padding:5px;
}





.collectioncontent{
	background-color:fafafa;
	min-height:15px;
}

.collectioncontent table{
	border-top:1px solid #999999;	
}

.collectioncontent td, .collectioncontent th{
	padding:3px 0 3px 0;
	border-bottom:1px solid #999999;
}

.collectioncontent th{
	text-align:left;
	padding:5px 3px 3px 3px;
	border-bottom:2px solid #999999;
}
.collectioncontent th.selected{
	
	background-color:#EAFFE7;
}

.collectioncontent a{
	display:block;
}

.pnnavi{
	position:absolute;
	right:5px;
	top:0px;
}

.collection_article_open{
	padding:5px;
	/*border-top:1px solid #999999;*/
	background-color:#f0f0f0;
}

.collection_article_closed{
	border-top:1px solid #999999;
	padding:3px 0 3px 0;
}
.collection_article_closed a{
	display:block;
}



/********************************* CONTAINER IN COLLECTIONCONTENT */

.containerbox{
	border:1px dotted #aaaaaa;
	color:#aaaaaa;
	margin:5px 0 0 0;
}
.containerbox .header{
	background-color:#f9f9f9;
	padding:3px;
	margin:0px 0 0 0;
}
.containerbox .container{
	padding:5px 5px 0 5px;

}
.containerbox .elm{
	border:1px dotted #66ff66;
	padding:5px;
	margin:0 0px 5px 0;
}

/********************************* SPECIALS  */

.containerbox .media_elm{
	border:1px dotted #66ff66;
	width:100px;
	height:100px;
	float:left;
	margin:0 5px 5px 0;
	padding:5px;
}

.contcategory .elm{
	float:left;
	white-space:nowrap;
	margin:0 5px 5px 0;
}



/********************************* ADD MEDIALINKS TO CONTENT */

.media_container{
	width:100%;
	height:300px;
	overflow:auto;
	float:left;
	background-color:#FFFFFF;
	padding:5px;
}

.media_container .navi{
	margin:0 0 10px 0;
	clear:both;
}

.media_container .media_elm{
	border:1px dotted #66ff66;
	float:left;
	width:auto;
	height:30px;
	margin:0 3px 3px 0;
	padding:2px;
}


.catcont .media_elm{
	height:80px;
	width:80px;
	position:relative;
	overflow:hidden;
	padding:0px;
}

.catcont img{
	position:absolute;
	top:0px;
	left:0px;
}

.media_elm .elmhead{
	position:absolute;
	right:5px;

}

.file_elm{
	clear:both;
	border:1px dotted #66ff66;
	padding:5px;
	margin:0 0px 3px 0;
}


/*********************************  */



.add_content{
	position:relative;
}
.add_content div{
	position:absolute;
	background-color:#FFFFFF;
	border:1px solid #999999;
	padding:5px;
	z-index:100;
}

#navileft ul{
	margin:0px 0 0 0px;	
}

#navileft  li{
	border-top:1px solid #999999;
	background-color:#fafafa;
}


#navileft li.open{
	background-image:url(../img/pfeil_open.gif);
	background-repeat:no-repeat;
	padding-left:18px;	
}
#navileft li.closed{
	background-image:url(../img/pfeil_close.gif);
	background-repeat:no-repeat;
	padding-left:18px;	
}
#navileft li.empty{
	background-image:url(../img/pfeil_none.gif);
	background-repeat:no-repeat;
	padding-left:18px;	
}
#navileft li.navitree{
	background-image:url(../img/mp_pagetree.png);
	background-repeat:no-repeat;
	padding-left:18px;
	background-position:0px 1px;
}

#navileft li.collection{
	background-image:url(../img/mp_collection.png);
	background-repeat:no-repeat;
	padding-left:18px;
	background-position:0px 3px;
}

#navileft li.navitree_main {
	background-color:#EAFFE7;

}
#navileft .collection_main {
	background-color:#EAFFE7;
}
#navileft .media_main{
	background-color:#EAFFE7;
}
#navileft .user_main{
	background-color:#EAFFE7;
}
#navileft .preview_main{
	background-image:url(../img/mp_preview.png);
	background-repeat:no-repeat;
	
	background-position:right 2px;
	border-bottom:1px solid #999999;
}




#navileft a {
	display:block;
}

.indented_list {
	line-height:22px;
}


.indented_list .mp{
	border-top:1px solid #999999;
	margin-left:15px;
	clear:right;
	}

#navileft{
	width:220px;
	line-height:22px;	
	position:absolute;
}

#content{
	margin-left: 230px;
	width:600px;
	position:absolute;

}


#main{
	padding:30px 0 0 10px;
}

#header{
	position:absolute;
	left:247px;
	top:20px;
	
}

#header a{
	border-left:1px solid #999999;
	padding:0px 0 0px 3px;
}


.loggedin{
	border:1px dotted #999999;
	padding:5px;
	margin:10px 0 0 0;
	line-height:15px;
}


.clear{
	clear:both;
}



/*
DATEPICKER
*/
/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../img/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}

